<!doctype html>
<html>

	<head>
		<meta charset="utf-8"/>
        
		<title>My Nutrition 24 - Wellness Every Day</title>
        
        <meta name="description" content="My Nutrition 24" /> 
		<meta name="keywords" content="My Nutrition 24" /> 
		<meta name="author" content="http://www.activo-criativo.pt/" /> 
        
        <link rel="stylesheet" media="all" href="css/less.css"/>
		<!--<link rel="stylesheet" media="all" href="css/styles.css"/>-->
        
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
        
        <link rel="stylesheet" media="all" href="css/accordion.css"/>
        <link rel="stylesheet" media="all" href="css/tabs.css"/>
        <link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="nivo-slider/nivo-slider.css" media="screen" />
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
        
        <link rel="stylesheet" media="all" href="css/styles_fixed.css"/>



   		<link rel="shortcut icon" href="images/favicon.ico"/>
        
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-personalized-1.5.2.packed.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Prototype_400.font.js"></script>
		<!--<script type="text/javascript" src="js/grid.js"></script>-->
		<script type="text/javascript" src="js/html5shiv.js"></script>
        <script type="text/javascript" src="js/html5shiv-printshiv.js"></script>
        <script type="text/javascript" src="js/accordion.js"></script>
        <script type="text/javascript" src="cycle/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="js/tabs.js"></script>
        <script type="text/javascript" src="js/show-hide.js"></script>
		<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>


        
        <!--[if IE]>
        <link rel="stylesheet" media="all" href="css/ie.css"/>
        <![endif]-->
        <!--[if gte IE 9]>
          <style type="text/css">
            .gradient {
               filter: none;
            }
          </style>
        <![endif]-->


<!------------SLIDESHOW---------------->
		<script type="text/javascript">
        $(document).ready(function() {
            $('.slideshow').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            });
        });
        </script>
<!------------SLIDESHOW---------------->



        
	</head>
	
	<body lang="pt">
    
        <header id="header1">
        	<div class="wrapper wrapper_loja">
                <a class="logo" href="index.html">
                    <h1>My Nutrition 24</h1>
                </a>
                <form>
                    <div class="form_wrapper">
                        <label>Username:</label>
                        <input type="text" name="username" />
                        <div class="clear"></div>
                        <label>Password:</label>
                        <input type="password" name="password"  />
                        <div class="clear"></div>
                    </div>
                    <input type="submit" value="Entrar" name="submit" class="submit" />
                    <a href="/forgot">Esqueceu-se da password?</a>
                </form> 
                <div class="face"></div>
                <div class="clear"></div>
        	</div>
        </header>
        <nav class="main_nav">
            <ul id="menu1" class="topmenu menu_loja">
                <li class="topfirst"><a class="active" href="index.html" title="home" >Home</a></li>
                <li><a href="#" ><span>Produtos</span></a>
                    <ul>
                        <li><a href="#">Pequeno Almoço Ideal</a></li>
                        <li><a href="#">Controlo de Peso</a></li>
                        <li><a href="#">Energia e Boa Forma</a></li>
                        <li><a href="#">Nutrição Específica</a></li>
                        <li><a href="#">Cuidados Pessoais</a></li>
                    </ul>
                </li>
                <li><a href="#"><span>Resultados</span></a></li>
                <li><a href="#"><span>Sobre Herbalife</span></a></li>
                <li><a href="#"><span>Seja Distribuidor</span></a></li>
                <li><a href="#"><span>Contactos</span></a></li>
                <li class="toplast"><a href="#" >Informação Útil</a></li>
            </ul>
        </nav>